.nav{
	width: 200px;
	background-color: #6495ed;
	float: left;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
}
.content{
	width: 90%;
	background-color: #ffffff;
	float: left;
	position: absolute;
	padding:10px;
	top: 0px;
	bottom: 0px;
	left:200px;
}
ul{margin:0px;padding:0px}

nav ul {
	margin:0px;padding：0px;
}
nav ul li{
	border-top:1px solid #fff;
	background-color: #04477c;
	list-style:none;
	color: white;
	padding: 5px;
}
nav ul li:hover{
	background-color: #72cfd7;
	color: #000000;
}
nav ul li a{
	width: 100%;
	text-align: center;
	color: white;
}
nav ul li > ul li{
	border:1px solid #000;
	background-color: #049ff1;
	list-style:none;
	padding: 5px;
}
nav ul li> ul li:hover{
	border:1px solid #000;
	background-color: #70e1ff;
	list-style:none;
}
nav ul li > ul li:active{
	border:1px solid #000;
	background-color: #049ff1;
	list-style:none;
	padding: 5px;
}


header{
	background-color: #2980B9;
}
@media (min-width:550px) {

}
/* 小型设备（平板电脑，785px 起） */
@media (min-width:785px) { 
	
}

/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px) { 
	
}

/* 大型设备（大台式电脑，1200px 起） */
@media (min-width: 1200px) { 
	
}